<template>
  <div>
    <div class='item'>
      <span class='head'>创建区域活动</span>
      <ul class='list flex'>
        <router-link :to="{path:'/main/activity/fullless'}" tag='li' class='flex-row'>
          <i class="icon-wraps el-icon1-erp-manjianhuodong"></i>
          <div class="name">满减活动</div>
          <div class="msg">下单满足一定金额<br/>即可享受满减优惠</div>
          <el-button type="primary" plain round>立即创建</el-button>
        </router-link>
        <router-link :to="{path:'/main/activity/delivery'}" tag='li' class='flex-row'>
          <div class="icon-wrap flex-row-ver"><i class="el-icon1-erp-peisongfeihuodong"></i></div>
          <div class="name">配送费活动</div>
          <div class="msg">免去用户部分或<br/>全部配送费</div>
          <el-button type="primary" plain round>立即创建</el-button>
        </router-link>
        <router-link :to="{path:'/main/activity/newuser'}" tag='li' class='flex-row'>
          <div class="icon-wrap flex-row-ver"><i class="el-icon1-erp-shoudanlijian"></i></div>
          <div class="name">首单立减</div>
          <div class="msg">首次下单的用户<br/>才可享受的优惠</div>
          <el-button type="primary" plain round>立即创建</el-button>
        </router-link>
        <router-link :to="{path:'/main/activity/aglenbox'}" tag='li' class='flex-row'>
          <div class="icon-wrap flex-row-ver"><i class="el-icon1-erp-tianjianghongbao"></i></div>
          <div class="name">天降红包</div>
          <div class="msg">由平台承担红包费用<br/>用户随机，红包可通用</div>
          <el-button type="primary" plain round>立即创建</el-button>
        </router-link>
      </ul>
    </div>
    <div class='item'>
      <span class='head'>创建商家活动</span>
      <ul class='list flex'>
        <router-link :to="{path:'/main/activity/item'}" tag='li' class='flex-row'>
         <i class="icon-wraps el-icon1-erp-danpintejia"></i>
          <div class="name">单品特价</div>
          <div class="msg">指定的商品特价<br/>或打折活动</div>
          <el-button type="primary" plain round>立即创建</el-button>
        </router-link>
        <router-link :to="{path:'/main/activity/shopbox'}" tag='li' class='flex-row'>
          <div class="icon-wrap flex-row-ver"><i class="el-icon1-erp-jindianlingquan"></i></div>
          <div class="name">进店领券</div>
          <div class="msg">创建更多优惠券<br/>提高用户下单欲望</div>
          <el-button type="primary" plain round>立即创建</el-button>
        </router-link>
        <router-link :to="{path:'/main/activity/orderbox'}" tag='li' class='flex-row'>
          <div class="icon-wrap flex-row-ver"><i class="el-icon1-erp-xiadanfanquan1"></i></div>
          <div class="name">下单返券</div>
          <div class="msg">下单满足一定金额<br/>即可返还优惠券</div>
          <el-button type="primary" plain round>立即创建</el-button>
        </router-link>
      </ul>
    </div>
    <div class='item'>
      <span class='head'>首页活动</span>
      <ul class='list flex'>
        <router-link :to="{path:'/main/activity/aearmj'}" tag='li' class='flex-row'>
          <div class="icon-wrap flex-row-ver"><i class="el-icon1-erp-daemanjian"></i></div>
          <div class="name">大额满减</div>
          <div class="msg">首页黄金展位推荐<br/>集合所有大额满减商家</div>
          <el-button type="primary" plain round>立即推荐</el-button>
        </router-link>
        <router-link :to="{path:'/main/activity/aearps'}" tag='li' class='flex-row'>
          <div class="icon-wrap flex-row-ver"><i class="el-icon1-erp-mianpeisongfei"></i></div>
          <div class="name">免配送费</div>
          <div class="msg">首页黄金展位推荐<br/>集合所有免配送费商家</div>
          <el-button type="primary" plain round>立即推荐</el-button>
        </router-link>
        <router-link :to="{path:'/main/activity/aearth'}" tag='li' class='flex-row'>
          <div class="icon-wrap flex-row-ver"><i class="el-icon1-erp-weiniyouxuan"></i></div>
          <div class="name">为你优选</div>
          <div class="msg">首页黄金展位推荐<br/>优选超高性价比美食</div>
          <el-button type="primary" plain round>立即推荐</el-button>
        </router-link>
      </ul>
    </div>
  </div>
</template>

<style lang="scss" scoped>
  @import './css/pron.scss';
</style>
